$(function() {
    // logo移动切换
 /*   $(".header .logo").hover(function() {
        //页面加载的时候显示的图片
        $(this).css("background-image", "url(img/logo.png)");
    }, function() {

        if($(".language").css("display") == "block"){
            $(this).css("background-image", "url(images/logo_gray.png)");
        }else{
            $(this).css("background-image", "url(images/logo.png)");
        }

        if($(".header .submenu").css("top") == '0px'){
            $(this).css("background-image", "url(images/logo_gray.png)");
        }else{
            $(this).css("background-image", "url(images/logo.png)");
        }

    })*/

    // 幻灯片播放
    $("#slider").responsiveSlides({
        auto: true,
        pager: false,
        nav: true,
        speed: 500,
        timeout: 4000,
        pager: true,
        pauseControls: true,
        namespace: "callbacks"
    });

    // 打开下拉菜单
    $(".header .nav li:lt(4)").mouseenter(function(){
//		$(".header").css("background-color", "transparent");
        /*$(".header .logo").css("background-image", "url(img/logo_gray.png)");*/
        $(".header .nav li:eq(7)").find("img").attr("src","images/so_active_ico.png");
        $(".header .language_switch").css({
            "position": "relative",
            "z-index": 9,
            "color": "#666",
            "background-image": "url(images/lang_active.png)"
        })

        $(this).siblings().find("h2 a").css("color", "#000");
        $(this).find("h2 a").css("color", "#0f9af2");
        $(".header .submenu").animate({
            top: '-15px'
        }, "fast");
        $(".header .submenu dl").eq($(this).index()).animate({
            top: '0px'
        }, "fast").siblings().animate({
            top: "-600px"
        }, 50);
    })

    // 收起下拉菜单
    $(".header").mouseleave(function(){
//		$(".header").css("background-color", "#141414");
        /*$(".header .logo").css("background-image", "url(img/logo.png)");*/
        $(".header .nav li:eq(7)").find("img").attr("src","images/so_ico.png");

        $(this).siblings().find("h2 a").css("color", "#000");
        $(this).find("h2 a").css("color", "#000");
        $(".header .submenu").animate({
            top: "-600px"
        }, "fast");
        $(".header .submenu dl").eq($(this).index()).animate({
            top: "-600px"
        }, "fast");
    })

    // 移动到后两个按钮收起
    $(".header .nav li:eq(1),.header .nav li:eq(2)").mouseenter(function(){
//		$(".header").css("background-color", "#141414");
        /*$(".header .logo").css("background-image", "url(img/logo.png)");*/
        $(".header .nav li:eq(7)").find("img").attr("src","images/so_ico.png");

        $(this).siblings().find("h2 a").css("color", "#000");
        $(this).find("h2 a").css("color", "#0f9af2");
        $(".header .submenu").animate({
            top: "-600px"
        }, 10);
        $(".header .submenu dl").eq($(this).index()).animate({
            top: "-600px"
        }, 10);
    });

    // 语言切换
    $(".header .language_switch").hover(function() {
        $(".header .submenu").css({
            top: "-600px"
        });

        $(".header").addClass("lang");
        $(".header .nav").hide();
        $(".header .language").show();
        $(this).css({
            "color": "#666",
            "background-image": "url(images/lang_active.png)"
        });
        /*$(".header .logo").css("background-image", "url(images/logo_gray.png)");*/
        $(".header .nav").animate({
            opacity: "0"
        }, 500, "swing");
    }, function() {});
    $(".header").hover(function() {}, function() {
        //鼠标悬浮到导航栏
        $(".header").removeClass("lang");
        /*$(".header .logo").css("background-image", "url(img/logo.png)");*/
        $(".header .nav").show();
        $(".header .language").hide();
        $(".header .nav").animate({
            opacity: "1"
        }, 500, "swing");
        $(".header .language_switch").css({
            "color": "#b9b9b9",
            "background-image": "url(images/lang.png)"
        });
    })

    //打开搜索
    $(".search_btn img").hover(function() {
        /*$(".logo").css("background-image", "url(images/logo_gray.png)");*/
        $(".search").show().animate({
            "opacity": 1
        })
    },function(){});

    //关闭搜索
    $(".search_box .search_close").on("click", function() {
        /*$(".logo").css("background-image", "url(images/logo.png)");*/
        $(".search").hide().animate({
            "opacity": 0
        })
    });
    $(".header .search").mouseleave(function(){
        /*$(".logo").css("background-image", "url(images/logo_gray.png)");*/
        $(".search").hide().animate({
            "opacity": 1
        })
    })

    // 滚动到顶部
    $(window).scroll(function() {
        if($(window).scrollTop() > 100) {
            $("#backTop").fadeIn(500);
        } else {
            $("#backTop").fadeOut(500);
        }
    });
    $("#backTop").on("click", function() {
        $('body,html').animate({
            scrollTop: 0
        }, 200);
        return false;
    });

    // 选择型号
    $(".select_area").on("click",function(e){
        $(".model_list").slideToggle(500);
    });
    $(".model_list li").on("click",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".model_right .model_panel").eq($(this).index()).show().siblings().hide();
    });

    //常见问题--左侧展开
    $(".menuItemBox .itemTextBox, .menuItemBox .openImage").on("click",function () {
        $(this).siblings(".underClass").slideToggle(300).parents(".menuItemBox").siblings().find(".underClass").slideUp(300);
        $(this).parents(".menuItemBox").find(".openImage").toggleClass("active").parents(".menuItemBox").siblings().find(".openImage").removeClass("active");
    });

    //常见问题--左侧展开
    $(".listBox > [name=itemDesBox]").on("click",function () {
        $(this).parents(".listBox").find(".answer_box").slideToggle(300).parents(".listBox").siblings().find(".answer_box").slideUp(300);
        $(this).find(".openQueImage").toggleClass("active").parents(".listBox").siblings().find(".openQueImage").removeClass("active");
    });


    // 商城-水杯的颜色切换
    $(".hot_one p span").hover(function(){


        $(this).parents(".hot_one").find("li").eq($(this).index()).show().siblings().hide();
        var icoSrc = $(this).find("img").attr("src");
        var activeIcoArr = icoSrc.split(".");
        var activeIco = activeIcoArr[0].slice(0,-3) + "active_" + activeIcoArr[0].slice(-3) + "." + activeIcoArr[1];
        $(this).find("img").attr("src",activeIco);

    },function(){

        var icoSrc = $(this).find("img").attr("src");
        var activeIcoArr = icoSrc.split(".");
        var activeIco = activeIcoArr[0].slice(0,-10) + activeIcoArr[0].slice(-3) + "." + activeIcoArr[1];
        $(this).find("img").attr("src",activeIco);

    });


    // 常见问题--自助服务移上
    $(".company .self_panel dl:eq(1)").mouseenter(function(){
        $(".company .self_panel dl.contact_us").fadeIn(200);
    });
    $(".company .self_panel dl.contact_us").mouseleave(function(){
        $(this).fadeOut(200);
    });


    //footer 官方微信
    $(".footer .wechat").on("click",function(){
        $("body").append($("<div class='mask'><img src='images/wechat.jpg' /></div>"))
    })

    $("body").on("click", ".mask img", function () {
        $(".mask").hide();
    })

    // 详情页吸顶
    $(window).on("scroll",function(){
        if($(window).scrollTop() >= 80){
            $(".menu.product").addClass("menu_fixed");
        }else{
            $(".menu.product").removeClass("menu_fixed");
        }
    });

    // 详情页图片模糊问题
    // $(".product img").width($(".product").width());
    //鼠标滚动事件

      /*  if($(".P1").offset().top-$(window).scrollTop()<500&&$(".P1").offset().top-$(window).scrollTop()>450){
            if($(".P1").html().length == 0){
                $(".P1").append(" <ul>\n" +
                    "            <li>\n" +
                    "            <a href=\"X.html\">\n" +
                    "                <h2 class=\"proshow\">22222</h2>\n" +
                    "                <img src=\"img/pro01.jpg\" alt=\"\" class=\"proimgshow\">\n" +
                    "                </a>\n" +
                    "                </li>\n" +
                    "                </ul>");
            }

        }
        if($(".P2").offset().top-$(window).scrollTop()<500&&$(".P2").offset().top-$(window).scrollTop()>450){
            /!*alert('p2');*!/
        }
        if($(".P3").offset().top-$(window).scrollTop()<500&&$(".P3").offset().top-$(window).scrollTop()>450){
            /!*alert('p3');*!/
        }
    }
    if($(".P1").html().length == 0){
    if($(".P1").offset().top-$(window).scrollTop()<500&&$(".P1").offset().top-$(window).scrollTop()>450){


            $(".P1").append(" <ul>\n" +
                "            <li>\n" +
                "            <a href=\"X.html\">\n" +
                "                <h2 class=\"proshow\">22222</h2>\n" +
                "                <img src=\"img/pro01.jpg\" alt=\"\" class=\"proimgshow\">\n" +
                "                </a>\n" +
                "                </li>\n" +
                "                </ul>");
        }*/
    // 详情页锚点信息链接
    $(".nav1,.nav2").click(function(){
        var cl = $(this).attr("class");
        $("html,body").animate({scrollTop: $("."+cl+"_content").offset().top}, 500);
    })
    function slideIn(obj,left){
        var targetHeight = obj.offset().top//获得位移高度
        var scrollTop = $(this).scrollTop();//滚动条垂直高度
        if(scrollTop>targetHeight-800){
            /* alert('fd');*/
            obj.animate({left:'52%',fontSize:'35px',opacity:1,filter:'Alpha(opacity=90)'},300);
            $('.proshowAll').animate({left:'50%',fontSize:'24px',opacity:1,filter:'Alpha(opacity=90)'},500)
            $('.proshowAllling').animate({left:'50%',fontSize:'24px',opacity:1,filter:'Alpha(opacity=90)'},700)
        }
    };
    function slideInTwo(obj,left){
        var targetHeight = obj.offset().top;
        var scrollTop = $(this).scrollTop();
        if(scrollTop>targetHeight-800){
            /* alert('fd');*/
            obj.animate({left:left+'%',opacity:1,filter:'Alpha(opacity=90)'},800);
        }
    };

    function slideInP2(obj,left){
        var targetHeight = obj.offset().top;
        var scrollTop = $(this).scrollTop();
        if(scrollTop>targetHeight-600){
            $('.proshowP1').animate({fontSize:'20px',opacity:1,filter:'Alpha(opacity=90)'},800);
            $('.proshowP1y').animate({fontSize:'28px',opacity:1,filter:'Alpha(opacity=90)'},800);
            obj.animate({fontSize:'20px',opacity:1,filter:'Alpha(opacity=90)'},800);
            $('.proshowP2m').animate({fontSize:'28px',opacity:1,filter:'Alpha(opacity=90)'},800);

        }
        if(scrollTop>targetHeight-1250){
            $('.P2').animate({margin:'0px'},300);
        }

    };

 /*   function slideInProCenter(obj,left){
        var targetHeight = obj.offset().top;
        var scrollTop = $(this).scrollTop();
        console.log(targetHeight+'--DDD-'+scrollTop)
        if(scrollTop>targetHeight-950){
            obj.animate({margin:'0px'},300);
            obj.attr("class","colorchange");
        }
    };*/


    /* window.onscroll=function(){*/
   /* var targetHeight = $(".P1").offset().top;
    var targetHeightP2 = $(".P2").offset().top;*/

    $(window).scroll(function(){
        slideIn($(".proshow"),48);
        /*slideInTwo($(".proshowAll"),56);*/
        slideInP2($(".proshowP2"),48);
    });

    /*}*/
    slideIn($(".proshow"),57.5);
    /*slideInTwo($(".proshowAll"),56);*/
    slideInP2($(".proshowP2"),48);
/*
    /!*鼠标移入停止轮播*!/
    var comtainer = document.getElementById('swiper-container');
    comtainer.onmouseenter = function () {
        mySwiper.autoplay.stop();
    };
    // 鼠标离开 继续轮播
    comtainer.onmouseleave = function () {
        mySwiper.autoplay.start();
    }*/


});